﻿<div class="portlet alert">
    <div class="portlet-title">
        <div class="caption"><i class="icon-bar-chart"></i>Request Chart By Employees</div>
        <div class="tools">
            <a href="javascript:;" class="collapse"></a>
            <a href="javascript:;" class="reload"></a>
        </div>
    </div>
    <div class="portlet-body" id="#portlet-RequestChartByEmployees">
        <form class="form-horizontal" action="" method="POST" id="frmFilterRequestChartByEmployees">
            <div class="form-group" >
                <div class="col-md-4">
                    <div class="row" >
                        <label class="control-label col-md-3">Type:</label>
                        <div class="col-md-9">
                            @Html.DropDownList("BookTypeId",null,new {@class="form-control",onchange="SubmitFormCalendarFilter()"})
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="row" >
                        <label class="control-label col-md-3">Site:</label>
                        <div class="col-md-9">
                            @Html.DropDownList("SiteId",null,new {@class="form-control",onchange="SubmitFormCalendarFilter()"})
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="row" >
                        <label class="control-label col-md-4">Department:</label>
                        <div class="col-md-8">
                            @Html.DropDownList("DepartmentId",null,new {@class="form-control",onchange="SubmitFormCalendarFilter()"})
                        </div>
                    </div>
                </div>
            </div>
            <div class="form-group" >
                <div class="col-md-4">
                    <div class="row" > 
                        <label class="control-label col-md-3">From:</label>
                        <div class="input-icon col-md-9">
                            <i class="icon-calendar"></i>
                            <input name="from" class="form-control date-picker" size="16" type="text" value="@DateTime.Now.AddDays(-30).ToString("MM/dd/yyyy")" data-date="12/14/2013" data-date-format="mm/dd/yyyy" data-date-viewmode="years">
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="row" > 
                        <label class="control-label col-md-3">To:</label>
                        <div class="input-icon col-md-9">
                            <i class="icon-calendar"></i>
                            <input name="to" class="form-control date-picker" size="16" type="text" value="@DateTime.Now.ToString("MM/dd/yyyy")" data-date="12/14/2013" data-date-format="mm/dd/yyyy" data-date-viewmode="years">
                        </div>
                    </div>
                </div>
                
                <div class="col-md-4">
                    <div class="row" >
                        <div class="col-md-12">
                            <button type="submit" class="btn green">Show <i class="m-icon-swapright m-icon-white"></i></button>
                        </div>
                    </div>
                </div>
            </div>
        </form>               <div class="row" style="text-align: left">
            <div class="col-md-12">Days</div>
        </div>
        <div id="RequestChartByEmployees" style="height:350px;"></div>
        <div class="row" style="text-align: right">
            <div class="col-md-12">Employee Name</div>
        </div>
    </div>

</div>

